<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>湖北移动家宽实战地图</title>
<link rel="stylesheet" href="../../assets/css/gis_common.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/css/gis_css_combatmap.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../assets/js/pageFit.js"></script>
</head>
<body >
<!---header---->
<div class="headerbox">
	<div class="newheader"  >
		<div class="newlogo"><img src="../../assets/images/gis_img/logo.png"/></div>
    	<ul class="title_tab"><a><li class="choose">小区价值</li></a><a><li>营业厅贡献</li></a><a><li>校园潜力</li></a><a><li>资源布局</li></a></ul>
   	 	<div class="clear"></div>
	</div>
</div>
<!---header end---->
<div class="mainpalce" >
	<div class="map"  >
    	<div class="leftbox_map">
    		<div class="selectbox">
        		<div class="seletarea">湖北省</div><span class="searchicon"></span>
                
                 <!--城市下拉框开始-->
            <div class="un_city">
            	<h1>城市列表<a href=""></a></h1>
                <div class="un_city_name">
                	当前城市：<span>湖北省</span>
                </div>
                <div class="un_city_btn">
                	<span class="big_city">湖北省</span>
                    <div><input value="输入区域名"><a href="">搜索</a></div>
                </div>
                
                <div class="un_city_select_box">
                <div  class="un_city_select">
                	<span class="big">●</span>
                    <span class="big_city">杭州：</span>
                    <div>
                    <a href="">上城区</a>
                    <a href="">下城区</a>
                    <a href="">江干区</a>
                    <a href="">拱墅区</a>
                    <a href="">西湖区</a>
                    <a href="">滨江区</a>
                    <a href="">萧山区</a>
                    <a href="">余杭区</a>
                    <a href="">富阳区</a>
                    <a href="">桐庐县</a>
                    <a href="">淳安县</a>
                    <a href="">建德市</a>
                    <a href="">临安市</a>
                    </div>
                </div>
                <div  class="un_city_select">
                	<span class="big">●</span>
                    <span class="big_city">杭州：</span>
                    <div>
                    <a href="">上城区</a>
                    <a href="">下城区</a>
                    <a href="">江干区</a>
                    <a href="">拱墅区</a>
                    <a href="">西湖区</a>
                    <a href="">滨江区</a>
                    <a href="">萧山区</a>
                    <a href="">余杭区</a>
                    <a href="">富阳区</a>
                    <a href="">桐庐县</a>
                    <a href="">淳安县</a>
                    <a href="">建德市</a>
                    <a href="">临安市</a>
                    </div>
                </div>
                <div  class="un_city_select">
                	<span class="big">●</span>
                    <span class="big_city">杭州：</span>
                    <div>
                    <a href="">上城区</a>
                    <a href="">下城区</a>
                    <a href="">江干区</a>
                    <a href="">拱墅区</a>
                    <a href="">西湖区</a>
                    <a href="">滨江区</a>
                    <a href="">萧山区</a>
                    <a href="">余杭区</a>
                    <a href="">富阳区</a>
                    <a href="">桐庐县</a>
                    <a href="">淳安县</a>
                    <a href="">建德市</a>
                    <a href="">临安市</a>
                    </div>
                </div>
                </div>
            </div>
            <!--城市下拉框结束-->
                
       	 	</div>
        	<div class="showtbox">
        		<ul>
            		<li>
                		<span class="namespan">全省宽带用户规模</span>
                    	<div class="numberspan">
                    		<em>1</em><em>2</em><em>0</em><span>万户</span>
                    	</div>
                	</li>
                	<li>
                		<span class="namespan">年累计净增用户数</span>
                    	<div class="numberspan">
                    		<em>3</em><em>5</em><span>万户</span>
                    	</div>
                	</li>
                	<li>
                		<span class="namespan">四月底宽带续费率</span>
                    	<div class="numberspan">
                    		<em>4</em><em>5</em><em class="small">%</em>
                    	</div>
                	</li>
            	</ul>
            	<div class="clear"></div>
        	</div>
       
    	</div>
    	<div class="rightbox_map">
        	<p class="enlarge_icon"></p>
            <p class=" narrow_icon"></p>
    	</div>
		<div class="mark_area"><p>小区价值</p><p class="highest">高</p><p class="middle">中</p><p class="lowest">低</p></div>
    <img src="../../assets/images/gis_img/map_province.png"   width="100%"/>
    </div>

</div>


<!---footer
     <div class="footer"> 版权所有 北京亚信智慧数据科技有限公司	</div>-->
<!---lfooter结束-->	
<!---详情弹窗-->
<div class="detail_popup"  >
	<div class="close"></div>
	<div class="leftnav"> 
    	<p class="namespan">湖北省</p>
        <ul id="leftnavul">
        	<li class="choose" id="basicfacts"><p class="basicfacts"></p><span>基本信息</span></li>
            <li id="indcator"><p class="indcator"></p><span>实战指标</span></li>
            <li id="personal"><p class="personal"></p><span>个性分析</span></li>
        </ul>
    </div>
    <div class="rightcontent_popup" style="display:none"  id="basicfacts_content">
    	<div class="echartsDiv"><img src="../../assets/images/gis_img/echart1.png"/></div>
        <ul class="numberul_rightcontent_popup">
        	<li style="width:33%"><p class="nump">257<span class="small">个</span></p><p class="namp">网格数</p></li>
            <li style="width:33%"><p class="nump">2157<span class="small">万户</span></p><p class="namp">移动客户数</p></li>
            <li style="width:34%"><p class="nump">80<span class="small">万户</span></p><p class="namp">年度宽带发展目标</p></li>
        </ul>
    </div>
    <div class="rightcontent_popup"  id="indcator_content">
    	<ul class="bignumberul_rightcontent_popup">
        	<li  style="width:33%"><p class="bignamp">市场份额</p><p class="bignump">15%</p>
            	<div class=" selectbox">
                	<p><input type="checkbox">新增市场份额：20%</p>
                </div>
            </li>
            <li  style="width:33%"><p class="bignamp">宽带用户规模</p><p class="bignump">180<span class="small">万户</span></p>
            	<div class=" selectbox">
                	<p><input type="checkbox">新增用户数：20万</p>
                    <p><input type="checkbox">离网用户数：120万</p>
                    <p><input type="checkbox">净增用户数：4万</p>
                </div>
            </li>
            <li  style="width:34%"><p class="bignamp">当月收入规模</p><p class="bignump">75000<span class="small">万元</span></p>
            	<div class=" selectbox">
                	<p><input type="checkbox">收入同比：20%</p>
                    <p><input type="checkbox">收入环比：20%</p>
                </div>
            </li>
        </ul>
        <ul class="smanumberul_rightcontent_popup">
        	<li style="width:20%"><p class="nump">40%</p><p class="namp">融合套餐占比</p></li>
            <li style="width:20%"><p class="nump">54%</p><p class="namp">百兆宽带占比</p></li>
            <li style="width:20%"><p class="nump">10%</p><p class="namp">端口资源利用率</p></li>
            <li style="width:20%"><p class="nump">20%</p><p class="namp">当月宽带续费率</p></li>
            <li style="width:20%"><p class="nump">19%</p><p class="namp">当月宽带离网率</p></li>
        </ul>
    </div>
    <div class="rightcontent_popup"   id="personal_content" style="display:none">
        <ul class="personal_rightcontent_popup">
        	<li ><span class="personal_icon1 margin_t41"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon2 margin_t41"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon3 margin_t41"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon4"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon5"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon6"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon7"></span><p >业绩概览</p></li>
            <li ><span class="personal_icon8"></span><p >业绩概览</p></li>
            <li ></li>
        </ul>
    </div>
    
</div>
<!---详情弹窗结束-->

</body>
<script type="text/javascript">
var tabs=document.getElementById("leftnavul").getElementsByTagName("li");
for(var i=0;i<tabs.length;i++){
tabs[i].onclick=function(){change(this);}
}
function change(obj){
for(var i=0;i<tabs.length;i++)
{
if(tabs[i]==obj){
tabs[i].className="choose";
}
else{
tabs[i].className="";
}

}

}	
</script>

</html>
